﻿<link href="../sysCommon/sysStyle/notice.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    #alertParent
    {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 999;
        top: 0px;
        left:0px;
        height: 0px;
        background-color: black;
        display: none;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    #alertBox
    {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 390px;
        height: 200px;
        z-index: 1000;
        filter: alpha(opacity=100);
        opacity: 1;
        display: none;
    }
</style>
<script type="text/javascript" language="javascript">
    var currentbtn;
    $(document).ready(function () {
        //alertform("测试消息");
        //conformform("conform");
        $("#closemessagebox,.alertbtnok").bind("click", function () {
            $("#alertBox").hide();
            $("#alertParent").hide();
        });
        $(".conformbtnok").bind("click", function () {
            if (currentbtn != null) {
                currentbtn.click();
            } else {
                currentbtn = null;
                $("#alertBox").hide();
                $("#alertParent").hide();
            }
        });
        $(".conformbtnCannel").bind("click", function () {
            currentbtn = null;
            $("#alertBox").hide();
            $("#alertParent").hide();
        });
    });
     function closemessagebox() {
        $("#alertBox").hide();
        $("#alertParent").hide();
     }
    function alertform(msg,info) {
        $("#alertmsg").show();
        $("#conformmsg").hide();
        $("#alertmsg .msg").html(msg);
        $("#alertmsg .info").html(info);
        $("#alertParent").css({ "width": $("body").width() + "px", "height": $("body").height() + "px" });
        $("#alertBox").css("top", ($("#alertParent").parent().height() - $("#alertBox").height()) / 2 + "px");
        $("#alertBox").css("left", ($("#alertParent").width() - $("#alertBox").width()) / 2 + "px");
        $("#alertParent").show();
        $("#alertBox").show();
    }
    function conformform(msg, elementbtn) {
        $("#alertmsg").hide();
        $("#conformmsg").show();
        $("#alertmsg .msg").html(msg);
        $("#alertParent").css({ "width": $("body").width() + "px", "height": $("body").height() + "px" });
        $("#alertBox").css("top", ($("#alertParent").parent().height() - $("#alertBox").height()) / 2 + "px");
        $("#alertBox").css("left", ($("#alertParent").width() - $("#alertBox").width()) / 2 + "px");
        $("#alertParent").show();
        $("#alertBox").show();
        currentbtn = elementbtn;
        return false;
    }
    function conformokresult(msg) {
        $("#alertmsg").show();
        $("#conformmsg").hide();
        $("#alertmsg .msg").html(msg);
        $("#alertParent").css({ "width": $("body").width() + "px", "height": $("body").height() + "px" });
        $("#alertBox").css("top", ($("#alertParent").parent().height() - $("#alertBox").height()) / 2 + "px");
        $("#alertBox").css("left", ($("#alertParent").width() - $("#alertBox").width()) / 2 + "px");
        $("#alertParent").show();
        $("#alertBox").show();
    }

</script>
<div id="alertParent">
</div>
<div id="alertBox">
    <table width="390" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td height="35" background="../sysCommon/sysImages/note_title_bg.jpg" valign="middle"
                align="left">
                <table width="390" border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="left" valign="middle" style="font-size: 13px; color: #FFF; font-weight: bold;
                            padding-left: 20px;" height="35">
                            提示框
                        </td>
                        <td align="center" valign="middle" width="36">
                            <a href="###" title="关闭" id="closemessagebox">
                                <img src="../sysCommon/sysImages/close.jpg" width="17" height="18" alt="关闭" /></a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr id="alertmsg">
            <td align="center" valign="middle" background="../sysCommon/sysImages/note_bg.jpg"
                width="398" style="border-bottom: #3A7AB6 solid 1px; border-left: #3A7AB6 solid 1px;
                border-right: #3A7AB6 solid 1px" height="164">
                <table width="275" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="left" valign="top" width="46">
                            <img src="../sysCommon/sysImages/right_pic.jpg" width="46" height="46" />
                        </td>
                        <td align="left" valign="top" width="227">
                            <table width="227" border="0" cellpadding="0" cellspacing="0" height="106">
                                <tr>
                                    <td align="left" valign="middle" height="36" style="padding-left: 10px; font-size: 14px;
                                        font-weight: bold;">
                                        <div class="msg">
                                            您确定进行此操作吗？</div>
                                    </td>
                                </tr>
                                <tr id="infotr">
                                    <td align="left" valign="middle" height="36" style="padding-left: 65px;">
                                        <div class="info">
                                            2秒后自动跳转</div>
                                    </td>
                                </tr>
                                <tr style="display:none;">
                                    <td align="left" valign="middle" style="padding-left: 54px;">
                                        <a href="#" title="确定" class="alertbtnok">
                                            <img src="../sysCommon/sysImages/button_1.jpg" width="68" height="29" alt="确定" /></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr id="conformmsg">
            <td align="center" valign="middle" background="../sysCommon/sysImages/note_bg.jpg"
                width="398" style="border-bottom: #3A7AB6 solid 1px; border-left: #3A7AB6 solid 1px;
                border-right: #3A7AB6 solid 1px" height="164">
                <table width="275" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="left" valign="top" width="46">
                            <img src="../sysCommon/sysImages/right_pic.jpg" width="46" height="46" />
                        </td>
                        <td align="left" valign="top" width="227">
                            <table width="227" border="0" cellpadding="0" cellspacing="0" height="106">
                                <tr id="msgtr">
                                    <td align="left" valign="middle" height="36" style="padding-left: 10px; font-size: 14px;
                                        font-weight: bold;">
                                        <div>
                                            您确定进行此操作吗？</div>
                                    </td>
                                </tr>
                                <tr id="infotr">
                                    <td align="left" valign="middle" height="36" style="padding-left: 10px;">
                                        <div>
                                            如果是请点击确定，如果不是请点击取消</div>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle" style="padding-left: 10px;">
                                        <a href="#" title="确定" class="conformbtnok">
                                            <img src="../sysCommon/sysImages/button_1.jpg" width="68" height="29" alt="确定" /></a><a
                                                class="conformbtnCannel" href="#" title="取消"><img src="../sysCommon/sysImages/button_2.jpg"
                                                    width="68" height="29" style="padding-left: 10px;" alt="取消" /></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>